* {
  margin: 0;padding: 0;
}

body {
  background: url('../img/loginBackground.png') no-repeat no-repeat;
  filter:"progid:DXImageTranform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
  -moz-backgroud-size:100% 100%;
  background-size:100% 100%;
  background-attachment: fixed;
}

.loginBox {
  width: 500px;
  height: 500px;
  background-color: rgba(#e8e8e8, 0.69);
  border-radius: 250px;
  box-shadow: 0 0 8px 12px rgba(181,181,181,0.4);
  font-family: 'Microsoft YaHei';
  position: absolute;
  right:0;left:0;bottom:0;top:0;
  margin:auto;
  text-align: center;
}

.title {
  margin-top: 80px;
  font-size: 36px;
  color: #3F51B5;
}

.englishTitle {
  margin-top: 5px;
  font-size: 20px;
  color: #3F51B5;
}

.inputform {
  height: 100px;
  text-align: center;
}

.inputdata {
  height: 100px;
  margin-top: 60px;
  position: relative;
}

.inputdata input {
  display: block;
  width: 200px;
  height: 30px;
  margin-top: 30px;
  margin-left: 152px;
  padding-left: 5px;
  font-size: 16px;
  border: none;
  outline: none;
}

#inputName {
  border-left: 4px solid #FF6666;
}

#inputPsw {
  border-left: 4px solid #00FA9A;
}

.inputdata span {
  font-size: 12px;
  color: #f40000;
}

#usernameMess {
  display: none;
  position: absolute;
  top: 10px;
  left: 360px;
}

#passwordMess {
  display: none;
  position: absolute;
  top: 72px;
  left: 360px;
}

.loginBtn,.registerBtn {
  width: 205px;
  height: 40px;
  margin-top: 15px;
  margin-left: 152px;
  line-height: 40px;
  background-color: #00FA9A;
  font-size: 20px;
  font-weight: 400;
  color: #3F51B5;
  border-radius: 10px;
}

.registerBtn {
  background-color: #ff6666;
  color: #3F51B5 !important;
}

.loginBtn:hover,.registerBtn:hover{
  cursor: pointer;
}

.registerBtn a {
	text-decoration: none;
	color: #3F51B5;
}
